@extends('admin.layout')

@section('title',$title)

@section('content')
<!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Data Tables
                <small>advanced tables
                @if(session('info'))
                    <span id='info' class="text-red"> {{session('info')}}</span>

                @endif
                </small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Tables</a></li>
                <li class="active">Data tables</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    

                    <div class="box">
                        <div class="box-header">
                            <h3 class="box-title">快速查看用户列表</h3>
                        </div><!-- /.box-header -->
                        <div class="box-body">
                            



                            <table id="example1" class="table table-bordered table-striped">
                              	<form action="{{ url('/admin/user/index') }}">
									<div class="row">
										<div class="col-md-2">
											 <!-- select -->
			                                <div class="form-group">
			                                    <select name="num" class="form-control">
			                                        <option 
			                                        	@if(!empty($request['num']) && 
			                                        	$request['num'] == 10)
															selected="selected"
														@endif
			                                        >10</option>
			                                        <option
			                                        	@if(!empty($request['num']) && $request['num'] == 20)
															selected="selected"
														@endif
														>20</option>
			                                        <option
			                                      		@if(!empty($request['num']) && $request['num'] == 50)
															selected="selected"
														@endif
														>50</option>
			                                        <option
			                                        	@if(!empty($request['num']) && $request['num'] == 100)
															selected="selected"
														@endif
														>100</option>
			                                    </select>
			                                </div>
										</div>
										<div class="col-md-4 col-md-offset-6">
											<div class="input-group input-group">
				                                <input name="keywords" type="text" 
				                                value="{{ $request['keywords'] or ''}}" class="form-control">
							                    <span class="input-group-btn">
							                      <button class="btn btn-info btn-flat" type="submit">搜索!</button>
							                    </span>
				                            </div><!-- /input-group -->
										</div>
									</div>
                              	</form>

                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>用户头像</th>
                                    <th>手机</th>
                                    <th>邮箱</th>
                                    
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
								
								@foreach($data as $row)

                                <tr>
                                    <td class="td_id">{{$row -> id}}</td>
                                    <td class="td_name">{{$row -> username}}</td>
                                    <td><img src="{{asset($row -> picname)}}" style="width:24px;"></td>
                                    <td>{{$row -> phone}}</td>
                                    <td>{{$row -> email}}</td>
                                    
                                    <td><a href="{{ url('/admin/user/edit') }}/{{$row ->id}}">编辑 </a> <a href="{{ url('/admin/user/delete') }}/{{$row ->id}}">删除</a></td>
                                </tr>
                                @endforeach
                                </tbody>
                              
                            </table>
                            {{ $data -> appends($request) ->links() }}
                        </div><!-- /.box-body -->
                    </div><!-- /.box -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </section><!-- /.content -->
    </div><!-- /.content-wrapper -->
    <script type="text/javascript">
    	window.onload = function()
    	{	
			var isDbl = true;
    		$.ajaxSetup({
			    headers: {
			        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			    }
			});
    		
    		$(".td_name").on('dblclick',function(){
    			if(!isDbl)
    			{
    				return;
    			}
    			isDbl = false;

    			var td = $(this);
    			//获取ID
    			var id = $(this).prev().html();
    			//获取原来的值
    			var old_value = $(this).html();
    			//创建input
    			var inp = $("<input type='text' />");
    			//讲原来的值写入input
    			inp.val(old_value);

    			//td改为输入框
    			$(this).html(inp);


    			inp.select();
    			inp.on('blur',function(){
    				//获取新值
    				var new_value = $(this).val();

    				$.ajax({
    					url: "{{ url('/admin/user/changename') }}",
    					type: 'GET',
    					data:{id:id,username:new_value},
    					success:function(data)
    					{
    						if(data == '1')
    						{
    							td.html(new_value);
    						}else
    						{
    							td.html(old_value);
    						}
    					},
    					error:function(){

    					},
    					dataType:'text'
    				});
    				isDbl = true;
    			});
    			
    		});
            $('#info').fadeOut(1000);
    	}

       

    </script>
@endsection('content')